<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" type="text/css" href="css/pay.css">
	<!-- 这个是提前引入的字体图标 -->
	<link rel="stylesheet" href="css/font-awesome.css" />
	<link rel="stylesheet" href="css/index.css" />
	<title>收银台</title>
	<script type="text/javascript">
		function goback(){
			history.back();
		}
	</script>
</head>
<body>
<div class="tag">
	<div class="first-line">
		<!-- <span onclick="goback()" style="display: block; cursor: pointer;">&lt;-</span> -->
		<div class="number"><b>超市收银系统</b></div>
		<a href="个人主页.html"><img src="image/图标.jpg"/></a>
		<div class="name">彭于晏</div>
	</div>
</div>


<div class="navbar">
	<input type="checkbox" id="checkbox" />
	<ul>
		<li>
			<!-- 复选框的id属性值和label元素的for属性值必须是相同的,才能够通过点击label选中复选框 -->
			<label for="checkbox">
				<img src="image/2.jpg" alt="" />
			</label>
			<span>欢迎您! 管理员</span>
		</li>
		<li>
			<a href="收银表格.html" target="Begging">
				<i class="fa fa-home"></i>
				<span>收银台</span>
			</a>
		</li>
		<li>
			<a href="个人主页.html" target="Begging">
				<i class="fa fa-sitemap"></i>
				<span>个人中心</span>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)">
				<i class="fa fa-user"></i>
				<span>历史记录</span>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)">
				<i class="fa fa-shopping-cart"></i>
				<span>商品列表</span>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)">
				<i class="fa fa-windows"></i>
				<span>后台管理</span>
			</a>
		</li>
	</ul>
</div>

<iframe id="Begging" name="Begging" src="静态页面.html"></iframe>
</body>
</html>